.goodsbox{
    width: 1190px;
    height: 480px;
    margin: 0 auto;
    /* background-color: red; */
    padding: 10px 0;
  
}
.goods{
    background-color: #fefefe;
    width: 190px;
    height: 450px;
    display: inline-block;
    padding: 10px 0;
    overflow: hidden;
   

}
.goods ul{
    /* background-color: #fefefe; */
    color: #333;
    font-size: 14px;
}
.goods li{
    height: 25px;
    line-height: 25px;
    padding-left: 18px;
}
.goods li:hover{
    background-color: #d9d9d9;
}
.goods a{
    color:#333;
    transition: color 0.2s ease;
}
.goods a:hover{
    color: #c81623;
}
.goods li span{
    color:#636363
}
/* 轮播图 */
.goods_picture{
    width: 590px;
    height: 470px;
    background-color: #636363;
    display: inline-block;
    vertical-align: top; 
    margin-left: 7px;
    background-image: url("../images/img1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    transition: background 0.5s ease;
    position: relative;
}
.nextimg{
    width: 25px;
    height: 35px;
    background-color: rgba(255,255,255,.8);
    border-radius:0 50% 50% 0  ;
    position: absolute;
    top:50%;
    font-size: 22px;
    /* line-height: 25px; */
    text-align: left;
}
.lastimg{
    width: 25px;
    height: 35px;
    background-color: rgba(255,255,255,.8);
    border-radius: 50% 0 0 50%   ;
    position: absolute;
    top:50%;
    right: 0;
    font-size: 22px;
    text-align: right;
}
.goods_picture ul{
    position: absolute;
    bottom: 20px;
    left: 20px;
    /* background-color: red; */
  
}
.goods_picture li{
    width: 10px;
    height: 10px;
    /* background-color: rgba(255,255,255,.4); */
    border-radius: 50%;
    /* line-height: 4px; */
    /* text-align: center; */
    padding: 4px;
    float: left;
   
}
.goods_picture li div{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 0px;
    background-color: rgba(255,255,255,.4);
    
}
.goods_picture li:hover{
    background-color: rgba(255,255,255,.4);
}
.goods_picture li:hover div{
    background-color: #fff;
}
.goodsimgBox{
    width: 190px;
    height: 470px;
    /* background-color: yellow; */
    display: inline-block;
    margin-left: 6px;
    vertical-align: top; 
    position: relative;
}
.goodsimgBox a{
    display: block;
}
.goodsimgBox a:nth-of-type(2){
    margin: 5px 0;
}
.goodsimgBox img{
    width: 190px;
    position: relative;
}
.last1{
    width: 25px;
    height: 35px;
    background-color: rgba(255,255,255,.3);
    color: #fff;
    border-radius:0 50% 50% 0  ;
    position: absolute;
    top:50%;
    font-size: 22px;
    /* line-height: 25px; */
    text-align: left;
}
.next1{
    width: 25px;
    height: 32px;
    background-color: rgba(255,255,255,.4);
    border-radius: 50% 0 0 50%   ;
    position: absolute;
    top:50%;
    right: 0;
    font-size: 22px;
    text-align: right;
}
.massage{
    background-color: #fff;
    height: 470px;
    width: 190px;
    /* vertical-align: middle; */
    display: inline-block;
    vertical-align: top;
    margin-left:6px;
}
.login{
    /* background-color: green; */
    width: 190px;
    height: 102px;
    color: #666;
}
.login_a{
    height: auto;
    width: 150px;
    padding: 20px;
    position: relative;
    padding-bottom: 0px;
}
.login_a img{
    width: 40px;
    height: 40px;
}
.login_a p:nth-last-child(2),
.login_a p:nth-of-type(2){
    margin: 0px;
    position: absolute;
    left:  70px;
    width: 120px;
    top: 37px;
    color: #666;
}
.login_a p:nth-last-child(2){
    top: 20px;
    
}
.login a{
    color: #666;
}
.login_b,.login_c{
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 23px;
    margin-left: 20px;
    margin-top:5px;
    background-color: black;
    border-radius: 50px;
    line-height: 23px;
    text-align: center;

}
.login .login_b{
    background-color: red;
    color: #fff;
}
.login .login_c{
    color:#dad790;
}
.news{
    /* background-color: #d9d9d9; */
    width: 170px;
    height: 130px;
    padding: 0 10px;
}
.news li{
    margin-top: 6px;
    color: #666;
}
.news li:first-child{
    font-size: 13px;
    font-weight: 800;
    color: black;
}
.news li:first-child a{
    float:right;
    line-height: 23px;
    font-size: 12px;
    font-weight: 100;
    background-color: #fff;
    color: #999999;
}
.news li a{
    background-color: #fdeeed;
    color: #e1251b;
    margin-right: 3px;
    padding: 2px;
}

.func{
    /* background-color:red; */
    width: 190px;
    height: 240px;
    
}
.func li{
    width: 36.9px;
    height: 57px;
   display: flex;
   vertical-align: middle;
   flex-wrap: wrap;
   /* background-color: rosybrown; */
   display: inline-flex;
   margin-top: 3px;
   padding:  0 12px;
   text-align: center;
   
}
.func li img{
    width:32px;
    height: 30px;
    margin:  0 auto;
   
}
.massage .func li a{
    color: #333333;
    line-height: 14px;
    
}


.abc{
    position: absolute;
    top: 180px;
    left: 20px;
    width: 150px;
    height: 470px;
    /* background-color: red; */
    background-image: url("//img12.360buyimg.com/pop/jfs/t1/128153/15/25942/30338/6238378bE376314c0/f73236d11f570568.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
}
.abc_a{
    /* width: 790px; */
    width: 0px;
    height: 470px;
    position: absolute;
    /* background-color: red; */
    background-image: url("//img30.360buyimg.com/pop/jfs/t1/109945/35/25439/126036/62383795E4564fa5a/7f39c45acbf024ee.png");
    left: 150px;
    z-index: 999;
    transition:width 1s;
}
.abc:hover  .abc_a{
    width: 790px;
}

.top_search{
    width: 100%;
    background-color: #fff;
    height: 50px;
    margin:  0 auto;
    position: fixed;
    top: 0px;
    z-index: 9999;
    border-bottom: 2px solid red;
    /* display: none; */
    /* visibility: hidden; */
    visibility: hidden;
    /* transition:  1s; */
}
.top_search_a{
    width: 1190px;
    height: 49px;
    margin: 0 auto;
    padding-top: 1px;
    /* background-color: gold; */
    position: relative;
}
.top_search_logo{
    position: absolute;
    left: 0px;
    width: 124px;
    height: 40px;
    margin-top: 4px;
    /* background-color: #636363; */
    background-image: url("//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/header/sprite.png");
    background-repeat: no-repeat;
    background-position: 0 -120px;
    display: inline-block;
}
.top_search_i{
    display: inline-block;
    width:545px ;
    height: 36px;
    /* background-color: #636363; */
    vertical-align: top;
    margin:5px 0  0 130px;
    border: 2px solid #e2231a;
    position: absolute;
    left: 127px;
}
.top_search_i input{
    width: 423px;
    height: 30px;
    padding: 2px 44px 2px 17px;
    border: 1px solid transparent;
    outline: none;
}
.top_search_i span{
    position: absolute;
    right: 76px;
    top: 6px;
}
.top_search_i button{
    background-color:#e2231a;
    position: absolute;
    width: 60px;
    height: 37px;
    border: 0px;
    padding: 0px;
}
.top_search_s{
    
     position: absolute;
     top: 6px;
     right: 230px;
     width: 130px;
     height: 34px;
     background-color: #fff;
     line-height: 34px;
     border-color: #eee;
     /* margin-top: 15px; */
     font-size: 12px;
     border: 1px solid #e3e4e5;
}
.top_search_s i{
    margin-left: 20px;
    color: #e2231b;
}
.top_search_s span{
    position:absolute;
    width: 20px;
    height: 15px;
    top: 1px;
    left: 33px;
    color: #fff;
    background-color: #e2231a;
    line-height: 15px;
    text-align: center;
    border-radius: 44%;
}
.top_search_s a{
    margin-left: 10px;
    color: #e2231a;
}

.seckill_box{
    width: 1190px;
    height: 260px;
    /* background-color: #c81623; */
    margin: 0 auto;

}
.seckill_box li{
    float: left;
    width: auto;
    height: 260px;
    /* border: 1px solid; */
    overflow: hidden;
    background-color: #fff;
}
.seckill{
    width: 190px;
    height: 259px;
    border-top:1px solid transparent;
    background-image: url("https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/4a15d8883775742e3efbb850ae14def7.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-color: red;
}
.seckill_a{
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    margin-top: 31px;
}
.seckill_time{
    color: #fff;
    font-size: 18px;
    margin-top: 90px;
    text-align: center;
    height: 26px;
}
.seckill_time strong{
    font-weight: bolder;
}
.seckill_s{
    width: 130px;
    height: 30px;
    margin: 10px 30px 0 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
.seckill_s span{
    background-color: #333;
    font-weight: 900;
    margin-right: 7px;
    color: #fff;
    padding: 2px;
}
.goods_show1{
    text-align: center;
    border-right: 1px solid rgba(236, 226, 226, 0.34);
    margin-top: 20px;
    width: 199px;
}
.goods_show1 img{
    width: 140px;
    height: 140px;
    margin: 0 30px;
}
.goods_show1 p{
    width: 160px;
    height: 18px;
    margin: 13px 20px 12px 20px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}
.money{
    text-align: center;
}
.money span{
    width: 160px;
    margin: 7px 20px 0 20px;
    font-weight: 900;
    color: #e1251b
}
.goods_show1:hover{
    color: #e1251b;
    transition: color 1s;
}
.goods_shows_i{
    text-align: center;
    width: 180px;
    height: 240px;
    padding: 10px;
}   
.goods_shows_i img{
    width: 120px;
    height: 120px;
    margin-top: 20px;
}
.goods_shows_i p{
    font-size: 14px;
    color: #999999;
}
.goods_shows_i P:last-child{
    font-weight: 700;
    color: black;
}
.shows_a{
    width: 82px;
    height: 24px;
    line-height: 23px;
    color: #e2231b;
    border: 1px solid ;
    border-radius: 50px;
    margin: auto;
    margin-top: 5px;
    font-weight: 700;
}
